Reading Challenge 2023: It’s Up to You, New York by Tess Daly

This post is about a book I read called “It’s Up to You, New York” by Tess Daly. In a previous post, I discussed the novel from a graphic design perspective. I discussed my initial thoughts on the novel based on the book’s cover design. In this post, I will discuss my thoughts on the book itself.

A few years ago, I visited New York and had a good time. I live in London, England and New York is similar in many ways. It’s a big city with people from all over the world. But it’s also very different. There’s a magical feeling about the place. It’s funny because when I was there, everything felt so familiar despite the fact that it was my first time visiting the city. This is because of all the movies and series I watched growing up, that took place in The Big Apple. One thing is for certain, there’s never a boring day in this unique city.

The reading challenge I chose to do was to read “a book set in another country”. I chose the US, specifically New York. I searched online for novels set in New York, created a short list and then went to my local library to borrow them. “It’s Up to You, New York” was one of them.

Above: Image of the book “It’s Up to You, New York”.

I didn’t have any expectations. I only wanted to feel the magic of the city and relive some of my own memories through the story, characters and places. Nothing too heavy. Just a casual read.

The story revolves around a young woman who works at a call centre. The young woman, Holly, has a lovely boyfriend named James and they both live in London. Life is pretty good…apart from the fact she doesn’t really like her job. Then one day, an opportunity arises to join a television show seeking the UK’s next supermodel. After much deliberation, Holly decides to join the show.

This is where the story really starts to take off. She enters into a completely different world from her own. This world involves luxury, celebrities, premieres, the spotlight and of course, New York! But above all, life changing experiences.

I think that the short chapters help create the sense of a fast paced world. Things happen so quickly in the life of Holly that, as the reader, you feel it too. It was really nice to read about locations that I visited, such as 5th Avenue, Little Italy, Chinatown, The Empire State Building and the Museum of Modern Art.

There were a few things that surprised me. Firstly, the book was set in London. I assumed that it would be set entirely in New York, however it was nice to start things off in London. I live there so I could relate to the things mentioned in the novel. Secondly, the fashion reality show is only part of the story. Many things happen outside the show that contribute to the story. For example, there is an incident that happens with her boyfriend which actually catapults her into New York, but then comes full circle towards the end of the story.

The characters were also interesting. There were many questions and thoughts going through my mind such as the motives of the characters including: Max (the billionaire host of the show, who is nothing but nice to her…but why?). Zane (who speaks so much slang, is he really saying anything?). Sasha (her friendly supervisor on the show, but then becomes frosty for some reason). Joe (a journalist, but can he be trusted?) and Moet (a foe on the show but then shows a sudden change of heart).

There are other more poignant moments such as her younger sister who is diagnosed with a condition that makes it difficult to walk and her child-like nature to trust people who eventually let her down. But also elements where she surprises herself with her bravery and courage, to overcome situations and figure things out.

I predicted a few things correctly during the course of the book, however, the big twist at the end had me shocked. I did not see it coming!

Conclusion

It took just under 2 weeks to read the novel. That is very quick for me. It can take me a while to read because I can be inconsistent, but I made a real effort to read on a daily basis.

The book is a love story to New York. There are romantic moments, but also very funny moments. It all made for a good read. I really enjoyed it.

This is part of a reading challenge I am doing inspired by popsugar. Click here to read other posts related to reading. I’m looking forward to reading other books as part of this challenge. So watch this space.

Graphic Design: Image Experiment with Adobe Xd

This post is about a task I did for university. This was part of a visual design module and the objective for this task was to experiment with the Adobe Xd software, by using a selection of images to create a layout design. We had a 4×4 modular grid to help structure our designs.

I wanted to tell a story through my design, and so I chose a theme. The theme is about the different stages in our lives. There were numerous images to choose from but I decided to go with images that contained people. By doing this, I could vividly display the different stages of life.

Above: Modular Grid (4×4)

Once I selected the images, the next decision was to figure out how I was going to express the theme. Should it be in chronological order? Should it be sporadic? I decided to go with chronological order, which meant starting from the beginning of life to the end of a person’s life.

Above: Images that I selected.

The first thing I did was to create a 200px by 200px square and place it in the first grid area in the top right hand corner. Then I placed an image of the baby on top of it by copying it and then using the “paste appearance” option. This is a great feature which permits the user to paste an image to fit in a shape. I effectively repeated the same step for the other sections of the grid layout.

So, I effectively created a series of images from life to death. From youth to old age. I also wanted to add images that expressed certain emotions and feelings such as joy and great pleasure which can be seen in the image of a man and his guitar. Fear which can be seen in the image in the bottom left hand corner. I like the second to last image in particular. They are reaching towards the end of their lives, but instead of worrying or having fear, you can see a sense of joy and happiness as they look back to what they managed to do in their lives. Together, they have reached the end.

Above: Two layout designs. For the second layout design, I added coloured squares and placed them on top of the images. The colours go from warm temperatures to cold. This is another way of communicating changes or growth.

Book Cover Design Analysis: It’s Up to You New York by Tess Daly

I’ve been thinking a lot about New York recently. It all started with a podcast I listened to. It’s a French podcast I use to practice my listening skills. The title of the podcast is “Raconte-moi New York” which means “Tell me about New York” in French. The host tells the listener about his love, passion and adventures of New York. He is a French person who fell in love with the city by watching shows like Friends, movies by Stanley Kubrick, and following sports such as baseball. When I was listening to the podcast, it stirred up memories of my own. I went to New York several years ago and as the host was talking, it reminded me of my own experiences. I had also grown up watching shows and movies set in New York. After listening to an episode or two, it triggered my interest in the city once again.

So, I re-watched some of my favourite movies and series set in New York. I looked at some of the photos I took when I was there, and I even watched a few YouTube videos of people travelling to the city that never sleeps for the first time. It was all good fun. Then, I realised something. I’m doing a reading challenge (similar to popsugar‘s challenge of reading a variety of books for the year). I had never read a book set in New York before. Now was my chance.

I searched up books set in New York online, created a list and went to my local library to see if some of them were there. For the first read, I wanted something light-hearted and not so serious. A book that showed the magic of New York, a book that made me think of the city and perhaps want to visit again. Preferably in modern New York. Perhaps a romantic novel, or one with some humour I thought. So, I came across a few books and one of them was called “It’s Up to You New York” by Tess Daly. It fit the mood I was in. A good choice for a casual read. I just started it and I’m enjoying it so far.

The first thing I loved about the book was the book cover design. It really stood out from the crowd. It’s beautiful. This post is about the book cover from a graphic design perspective.

Above: Image of book (front and spine)

The first thing that stood out for me, was just how elegant and beautiful everything was. It really felt romantic and magical. I love the title. The decorative serif font used for the “It’s Up To You” part of the title, fits well with the theme of New York being a magical place. It’s as if the protagonist is saying this with a strong attachment to the city. In fact, there is an image of a woman staring at the skyline, perhaps romantically and in deep thought. It’s really clever because the viewer can also see what she sees, and assume her thoughts through the title. It’s mysterious. You want to know more.

The colours enchance the mystery. The colour purple can be associated with mysteriousness, and it is used to good effect in the design. The purple mixed with pink and then a darker purple from top to bottom of the cover, creates unity and communicates a sense of wonder and curiosity. It also creates elegance and romance. Purple can also be associated with luxury and royalty. The pink creates a slight contrast, but also creates unity because it is close to purple on the colour wheel; making it analagous. There is also unity with the image of the woman as she is dressed in a pink colour and her fashion also represents elegance.

The added effect of the fireworks in the sky surrounding the title fits well with the font-style. There is nice contrast between the words “New York” with the rest of the title. It is a sans-serif and is more modern. Perhaps communicating the time period of the novel or the well-structured modern city style. The title also stands out. It is light whilst the background is dark. The name of the author and what it is about (bottom) is synced with the background in pink, showing that the more important information is the title of the book and the image. It all works out for a great design. It makes me want to read it, and that is what I am doing.

Learning Spanish: Telenovelas

Who knew watching telenovelas could be so much fun!

I’ve started watching a telenovela. It’s called Pasión de Gavilanes (translated The Elizondo Sisters Go on the Defence) and it is available to watch on Netflix. I’ve only watched 2 episodes and there has already been a lot of drama; from dramatic fights to shocking revelations. It has been so much fun!

I never thought I would be watching a soap opera again.

When I was a teenager, I had so much time on my hands that I delved into so many forms of entertainment. I watched all the US sitcoms you could muster, from Friends to Fresh Prince of Bel Air and Two and a Half Men to Everybody Hates Chris. I watched a lot of sports, particularly football. I even watched cooking shows such as Hell’s Kitchen USA and singing competitions like The X-Factor. It was a fun period. But what took up most of my time was probably watching a soap opera called Eastenders. I’m from the UK and this was the most popular series at the time. It is our version of a telenovela…and it was addictive.

But as I got older, my interests changed and I stopped watching the soap opera. I realised it took a lot of my time and I wanted to do other things…such as learning a new language.

Fast forward to the year 2020 aka The Year of the Pandemic. The world was at a standstill when the virus broke out. Everybody was told to stay indoors. It was during this time that I decided to start learning Spanish. (You can find out more about my decision to learn the language and my method by clicking here). So, I searched online for videos of people who had learned Spanish. I stumbled across a video about how polyglots learn languages. A polyglot can be defined as someone who speaks several languages. One of the things the speaker mentioned, was watching a series as part of her learning experience. That got me excited.

The idea of delving into another world whilst exposing myself to the Spanish language was very appealing indeed. It was key for me to choose a series that is easy to follow and understand. Language learning is not just about the words. Body language and gestures also play a part. Instead of playing and pausing every few seconds, I wanted a smooth experience. So, a telenovela was a good choice for this. It’s also a good choice because the story is not very hard to follow. There is a lot of drama which is great for entertainment and it is also great for understanding through context. I heard someone say that it can be “addictive”, and as someone who doesn’t easily get addicted to watching series (it’s very difficult for me to binge-watch anything), I have to say that I’m enjoying the experience. It’s certainly helping me with my Spanish learning. I’m being exposed to the language regularly which helps me with my listening skills.

Above: A Talk about how polyglots learn languages

At the moment, I’m watching the series with English subtitles. This helps to follow along with the story but it is also helping me learn new vocabulary. If a word or phrase catches my eye, I may rewind to listen to it again, and may even briefly change the subtitles to Spanish to see the spelling. I’ve learned phrases such as “Estoy loco por ti” (I’m crazy for you) and “¿Qué pasó?” (What happened?). Another great thing is repetition. Certain phrases are repeated and so you become familiar with them over time.

I really enjoy learning Spanish. It’s a beautiful language. The more time I spend with Spanish, the more I’m falling in love with it. If Spanish is Juliet, then I’m Romeo. “Spanish, oh Spanish…Estoy loco por ti”.

Graphic Design: Photoshop Blend Textures Challenge

This post is about a challenge I did from a course on LinkedIn Learning. I am learning Photoshop, which is a powerful software that allows the user to manipulate images. In this challenge, I had to combine textures with a photo using blend modes and layer masks.

Above: LinkedIn Learning

Above: Screenshots of Original Images in separate layers.

Above: Screenshots of edited images. The first thing I did was change the Book_texture layer into a different blend mode. I changed the mode from Normal to Screen. This created a slightly transparent look, where the woman in the image was visible. Next, I made the Book_texture layer into a layer mask by clicking on the rectangle icon with the circle in the middle at the bottom of the layer panel. Then, I used the brush tool to remove parts of the texture. I wanted to reveal more of the woman’s face, hair and overall appearance. I used black paint to remove elements of the image and this created a focal point.

After this, I worked on the Paper_texture layer by changing the mode from Normal to the Linear Burn mode. I liked this as it created a sort of vintage look. I made the layer into a layer mask and removed parts of the image with the paint tool. This time, I lowered the opacity of the brush tool so that the colour was grey and not black. I wanted to do this so that when I used the brush tool to remove parts of the image, it would be subtle. I created a brighter effect around the woman by doing this.

Above: Final Outcome

Conclusion

It was great to learn about blend modes and layer masks. It was also great to put it into practice. I look forward to learning more things in Photoshop.

Graphic Design: Photoshop Selection Tool Challenge

This post is about a challenge I did from a course on LinkedIn Learning. I am learning Photoshop, which is a powerful software that allows the user to manipulate images. In this challenge, I had to manipulate an image using a variety of selection tools.

Above: LinkedIn Learning.

Above: Original Image

Image 1

Image 2

Above: Screenshots of edits in Photoshop and the final outcomes for Image 1 and Image 2. To create the 2 images, I used the Object Selection Tool to select elements. The Object Selection Tool can be used to automatically select something. You can click on a subject or drag a shape around the subject to select it. Firstly, I used this tool to select the hat. Then I created an adjustment layer and selected a solid colour. I chose the #1779bd (blue colour). I wanted a different feel to the original image, and chose a colder and calmer colour than the original colour for the hat. To make the hat visible, I changed the layer mode to Multiply. I repeated these steps for the lips.

I used the unity design principle to match the hat and lips by using the same colour. To make the elements further standout, I changed the background colour to a warmer colour. I did this by choosing Select in the top menu, and then Subject. This automatically selected the portrait image and then I inversed the selection by choosing Select – Inverse. I used another adjustment layer to change the Hue to a warmer colour. For Image 2, I used the Hue adjustment layer to change the skin tone to purple. The colour purple can be associated with something mysterious so I thought it was a good colour to communicate this message.

Image 3

Above: Screenshots of edits in Photoshop and the final outcome for Image 3. I used the Quick Selection Tool to select the hat. The Quick Selection Tool is great for quickly selecting larger areas of an image. This can be done by dragging around the area you want to be selected. It is located in the toolbar right beside the Object Selection Tool via the drop down menu. Once the hat was selected, I created an adjustment layer. Adjustment layers are great because you can modify an image without damaging the original image underneath the adjustment layer. I chose the Solid Color of #ff0bb2 (pink) and changed the layer mode from Normal to Color, so that the hat is visible through the layer.

For the lips, I used the Object Selection Tool and then repeated the same steps as I did for the hat. The background was created via a Gradient adjustment layer and I used a Radial Gradient effect combining the colours #92bfd9 (light blue) and #0a8bd5 (medium blue). The cold blue background has contrast with the vibrant pink elements and the bright portrait. I really like this image because it is aesthetically pleasing and the contrasting elements work well together.

Funnily enough, during the process of this creation I had various thoughts running through my mind. Some of the thoughts were things like musicals, candy, Charlie and the Chocolate Factory, Mary Poppins and even Katy Perry’s California Girls. Perhaps it is because of the vibrant colours associated with them. After the first image, I wanted to design something more eye catching and a “feast for the eyes”. The colours pink and blue were the first colours to come to mind.

Image 4

Above: Screenshots of edits in Photoshop and the final outcome for Image 4. I wanted to do something a little different for the final image. I wanted to add extra elements to the original composition. The first thing I did was cut out the hat element and duplicate it a few times to create a repetition effect. I did this by using the Quick Selection Tool to select the hat and then I duplicated the selection unto a seperate layer using the keyboard shortcut: Ctrl + j on a windows computer. Then, I scaled the hat down to a smaller size and used the free transform tool (Ctrl + t) to rotate it slightly upwards. I wanted to match the colour of the hat with the colour of the lips so I used an adjustment layer and changed the hue to a similar colour to the lips. I also decreased the opacity for the hue from 100% to 90% to make it less intensive. I repeated the same steps for the other hats and rotated each hat slightly more clockwise and slightly increased the scale. This created a rhythm and a motion effect. I also repeated these same steps for the lips. Instead of clockwise, the lips were rotated anti-clockwise. This created contrast in terms of rotation compared to the hat elements, but also unity was formed because of the repetition, alignment and colour.

I used a Radial Gradient effect to create the background. I combined the two colours #ffffff (white) and #a96cdc (purple) to create a sense of mystery, and also to create a spotlight effect for the main subject. I created a #34144f (dark purple) Solid Color adjustment layer for the hat, and changed the layer mode from Normal to Hue. This allows the viewer to see through the layer. This also creates unity with the background but contrast because of the foreground (hat) texture.

To finish, I completed the design with a slightly daring question: “Do you like what you see?” This can refer to the design or the portrait. I thought the question perfectly matched the tone of the design. I chose the colour red to form unity, and I chose the font Century Gothic (Bold) because it reminds me of elegance and fashion which I feel matches the portrait.

During the process for Image 4, songs such as Santa Baby, Big Spender and films such as Who Framed Roger Rabbit came to mind. I guess it is because of the nature of the songs being slightly daring and the character Jessica Rabbits also fitting this description.

Conclusion

I enjoyed learning about the selection tools in Photoshop. I had the opportunity to experiment with the different tools and create interesting designs. The selection tools in Photoshop are really powerful and I was surprised how easy they were to learn. There are numerous ways to select elements in Photoshop so it was great to learn how to use them. This will certainly help me with my future projects in Photoshop.

Photoshop: Jazz Photo

This post is about Photoshop. I’m taking a course on LinkedIn Learning about how to use Photoshop.

Above: LinkedIn Learning is a resource for online courses. This is the tutorial I watched.

Above: This is the original image

Above: First edited image. I followed the tutorial and changed the position of the title “Jazz” and the circle shape from the right side of the design to the left. Next, I flipped the dancers by using the Flip Horizontal technique in the Edit menu. Lastly, I changed the colour of the lady’s dress to match the colour of the circle. I used the selection tool and then the brush tool to do this.

Above: Second edited image. I decided to play around a little bit. I kept the position of the dancers from the original image. For the foreground, I decided to change the colour for the title and the lady’s dress to purple. This creates unity. Purple was the first colour that came to mind when I thought of jazz. I also did some research and discovered that purple is associated with the word “creativity”, which is a good word for the music genre jazz. I used black and white to create contrast and dynamism. The grey colour for the circle is a mixture between white and black.

Above: Third edited image. I wanted to make a vibrant image. I used the repetition principle to create multiple circles and “jazz” titles above them. The repetition also created unity and the upward trajectory of the circles creates movement. They are also different sizes. In contrast, the bottom half of the design is full of energy via the colours, patterns and dancers. I used a special brush to create curvy lines. The line element can be used to create paths. It can be like taking a point or dot for a walk. So I had fun creating interesting patterns with the brush. I changed the scale and opacity for different effects. I used the orange colour to create energy. Similar to the circles in the top half of the design, I wanted to create movement via the curvy lines. Although the two halves are different, unity is created with the orange colour. The jacket and dress of the dancers are coloured blue to create contrast with the warm background colours. This allows the dancers to stand out.

To see other designs, feel free to check out my portfolio.

Ciao for now!

Graphic Design: Peter Pan Book Design

This post is about a book design cover I created for the Peter Pan story.

It was an exercise from a book titled Graphic Design School. The tasks were as follows:

  1. Select a classic novel that you have read and are fairly familiar with. Consider the story-line, the message and the overall tone of the writing. Make a list of the most influential elements in the novel such as characters, circumstances, defining events, time periods. Define the target audience for the novel. Select a key theme for an image that represents this novel, draw it, stage a photograph of it, research archival images, come up with as many creative means to visually represent this theme.
  2. Sketch 3-5 ideas from your list that best illustrates your concept for the book’s cover. Choose a final design idea.
  3. Develop and finalise the design by using traditional media or digital media

Why I chose the Peter Pan story

The Peter Pan story is about a boy who never grew up. He lives in a place called Neverland. He travels to London and takes Wendy and her brothers to Neverland. This is the start of an adventure that involves pirates, mermaids, flying and more! I chose the Peter Pan story because I loved it as a child. I have great memories watching the Disney Peter Pan film and being in awe of the characters, scenes and amazing animation. I also loved watching Hook, which is another version of the Peter Pan story. This time, Peter pan is an adult who forgets who he is, until he returns to Neverland. The 2003 Peter Pan film is the closest to the original book written by J.M.Barrie. I read the book as an adult. I love the book and film. It’s magical.

Research

The first thing I did, was to make a list of the characters and defining events of Peter Pan. I also wrote down the target audience which is children.

Above: Images of character list and defining events of Peter Pan

After much deliberation, the key themes selected were “flying” and “adventure”. I feel that these words represent Peter Pan really well. One of the first things I like to do during my research, is to come up with a list of words. This helps me generate ideas.

Above: Image of the first words that came into my head

After the research period, I like to start sketching. I created sketches based on the research gathered.

Above: Image of sketches

I really wanted the design to reflect the themes “flying” and “adventure”. The book cover is like the window to the book’s soul. It gives you an insight of the world you are about to enter. This is what I wanted to create through the design. A sense of flying, adventure…and freedom.

Final Design: Above is the design I chose

The next step was production. I decided to use the Photoshop software to make my design come to life.

The main element of the design is the image. So I browsed the internet to find the perfect image. The key words that were searched for were: “boy flying” and “boys jumping”. I managed to find a silhouette of a group of boys jumping from iStock. I really like this image.

Boys Jumping

Image of silhouettes

I used the magic wand tool to eliminate the white background. I wanted to created a focal point that grabbed the viewer’s attention immediately, so I placed one of the images in the centre, and increased the size so that it filled the majority of the design. I used the emphasis principle by creating an outer glow and an embossed effect. I also stylized the image by using a leafy texture. The contrast principle was used with a darker green colour and the bright outer glow. I chose the colour green because this is the colour that is most associated with the character. Calmer colours such as blue tend to be used for backgrounds because it appears to be further away from the viewer. I used a blue colour that is associated to the evening. It’s dark but not too dark. I remember watching the famous scene in the Disney animated Peter Pan film, where Peter Pan flies across London with Michael, John and Wendy, and the sky was a medium dark blue. That is what I was aiming for.

I chose four further images to surround the main image. I used the dominance principle to create volume and further enhance the main image. The four images are black with two of them being the same image. The colour black and the repetition creates unity. I also changed the scale of the images, so that they appear to be much smaller than the main image. I really like the images because they create a sense of flying and freedom.

I used a serif font because it symbolises an older and more classic period. Sans-serif fonts tend to feel modern but I wanted the typography to feel older or classic. I chose a very light blue colour which slightly matches the outer glow of the main image (which is white and yellow). I edited the angle of the fonts so that it matched the motion of the main image, steering it upwards. The letter “P” for “Peter” and “Pan” are closely linked but the rest of the letters slightly spread out. It’s as if the fonts are also flying.

Image of final design

To finish, feel free to listen to a wonderful soundtrack below from the 2003 Peter Pan film. It is one of my favourite film soundtracks. It really represents the feeling of wanting to fly. So what are you waiting for? Fly!

Conclusion

I had fun creating this design. It took me back to my childhood and made me think of all the wonderful memories I had with this story. I had the opportunity to work on design principles such as balance, unity, dominance and contrast. I used Photoshop to bring my designs to life. I used inspiration from the Peter Pan films and music. Overall, it was a great experience.

Lastly, wherever you are in the world. Remember that “to live would be an awfully big adventure“.

To see other designs, feel free to check out my portfolio.

Ciao for now!

UI Design for a TV App

This post is about a UI (User Interface) design I created for a TV app.

The project was generated using the design brief generator. The brief description is as follows:

I am Karen, I am looking for a UI designer. I need a design of a TV app.

Although the description is very short, it gave me the opportunity to practice my design skills.

The first thing I did was browse through my phone and look for TV and streaming apps I had installed. I found four apps: Netflix, Amazon Prime, BBC iPlayer and ITVX. The next step was to analyse the UI designs and decide which screen I wanted to design. I decided to choose the home/main screen that a user sees when the app is opened, then I sketched the four apps I found on my phone and took some notes.

Sketches of current TV UI apps

When I was analysing the different TV apps, I started to notice some similarities and differences. For instance, all four apps had a dark background and light foreground which helped create contrast and make elements standout. Three out of the four apps had a bottom menu to allow the user to navigate to other parts of the app. The logo and profile/account icons were placed at the top. Some of the differences were the size of the images, content information and visual elements such as buttons with only two of the apps having an image slider. What I found really interesting is that all of the apps used a main image that connected with the user. The main image has a character looking at the user; this is inviting and creates an instant emotional connection with the viewer.

Analysis of UI designs

“Good artists copy. Great artists steal.“, I remember reading this quote from somewhere, and what I got from it is that nothing is really original. We find inspiration from what we see around us and what has already been done. So redesigning is a great way to practice design skills. I took screenshots of the UI designs and imported them into Adobe Xd, and copied the designs. This was a great thing to do because it made me think about the elements that are placed on the UI. I started to see certain patterns and icons being used. It made me think of principles such as alignment and repetition.

By the way, if you know where the quote is from, feel free to leave a comment on this post!

The original UI’s are on the left, and the redesigns are on the right. I found images that were already downloaded on my computer and used for other design practices. I created titles to match the images and make it look like movie posters. It was fun experimenting with the typography, layout and images.

After these exercises, it was time for me to come up with ideas for my own TV UI app design. I started off by making a list of things I wanted to include such as: a main image, bottom menu and simple, easy to understand icons. Following the list, I created a few thumbnail sketches.

Then it was time to get practical, I opened up Adobe Xd and used the sketches to guide me. I did not choose a colour whlist sketching but I decided to choose the colour purple. Purple can represent royalty or luxury and I wanted the viewer to feel like they were in a creative soothing and perhaps calm environment. I chose dark purple to cover the majority of the background and a lighter shade of purple to cause a division for different sections.

Image of my UI design

At the top left-hand corner I placed the logo. This is considered a standard for TV UI app designs. To make the logo standout, I made sure to choose colours different from the majority of the design. I chose warm and energetic colours like yellow and orange with the sans-serif font Montserrat. In fact, all of the fonts in the design are sans-serif. The body text is Arial and the title texts are Impact for the main image and Montserrat for the smaller images. I chose to have 3 icons in the top right-hand corner because I could not get the balance right to have 5 icons for the bottom menu. It was too crowded for the size I wanted the icons to be for the bottom menu, therefore it was best to position 4 at the bottom and 3 at the top. I chose the search function to be placed at the top as that is one of the main functions the user looks for, and I also used YouTube as an inspiration for the icon’s position. The connect and profile icons are also there. I chose bright colours to create contrast between the icons and the background.

For the main image, I wanted a striking image that immediately caught the attention of the viewer. I also wanted an image that had a character or human being looking directly at the user to create an instant connection. I chose the image taken by the photographer David Kuko. I chose the Impact font to do what it says on the tin, and chose the title “Speak Clearly” to enchance the image and overall design. The description allows the user to know more about the content.

The button is directly below the image and uses the rectangle shape with rounded corners. I took inspiration from the ITVX app for the button. It really made me want to press it. I also used contrast to create greater visibility and made it 50% the width of the screen. The words “WATCH NOW” are simple, effective and urgent. The placement of the button is also important as I realised it made sense to make it closer to the bottom than the top in order to make it more comfortable for the user to press the button. Having to reach for a big button nearer the top of the screen could cause a little frustration.

The bottom section comprises some smaller images that represent more content. Again, I tried to choose images that look like film posters but are also captivating. The titles are both light and dark and relate to the other colours in each image. To emphasise the section I made the word “New” standout with yellow, and highlighted the “Home” icon in the same colour. The rest of the bottom menu options are in white. This helps the user understand where they are in the app. The images formed at the bottom were from Andrea Piacquadio, Yuri Manei and Spencer Davis. All of the images were taken from the website pexels. I downloaded a plugin in Adobe Xd to implement the icons.

Conclusion

This was a great experience. I was a little nervous at the start because I did not know how I was going to create the UI. But it really helped to analyse real life apps and then gain inspiration from them. More to follow.

Ciao for now!

Graphic Design for Architecture Company

This post is about a graphic design I created for an architecture company.

I used a design brief generator to find a project to work on. The brief description is as follows:

I am Tillie, the creator of Sion. I’m looking for someone that can design something for my architectural firm. I would like a simple flyer for an event. We primarily use the colour blue #42cfff.

Although the description is very short and, is not a real life creative brief, it gave me the opportunity to continue working on the principles of design.

The first step was to note down my thoughts. Any thought that came to mind was noted down immediately. and this helped me generate ideas which you can see below.

Sketches r the architecture flyer project.
Photo of the creative brief and notes for the architecture flyer project.

The next step was to do some research and look at architecture flyers. I searched online for different types of architecture flyers and this gave me inspiration and ideas of how to design a layout for a flyer and also what details to implement. After this, I sketched out a few ideas in the form of thumbnails which you can see in the images above. I tried to incorporate the principles of design for each idea.

You can see the final design above. One of the words I noted down during the first step was cold colours and the other was buildings. So I made sure to incorporate the blue colour the client requested in some of the elements such as the text and logo design. I also chose a picture from pexels which had buildings. I thought that the image was really interesting and I liked the perspective it gave to the viewer. The logo design was created in Illustrator and is a combination of different size rectangles replicating the shape of a building. The black slanted thick lines were used for an added dimension and I chose a font style which was light and thin.

I placed the logo at the top in the centre because that is where the poster image provides a focal point. The contrast design principle was used to seperate the logo, text and icons through the use of colour i.e. light and dark colours. The placement of the text at the bottom also allows the logo and buildings to stand out further and instantly grabs the viewer’s attention. The principle of unity was used to create a strong relationship between the logo and the company information in the slanted box in the bottom right of the design. This was used by having the same colour. The text is wrapped around the rectangle to divide the information; one was the address and information about the schedule, the other was the purpose of the event. They are all linked by using the same font which I wanted to represent corporate modern architecture, straight clean lines in sans-serif form. The rectangle is slanted to make it interesting and also to replicate a building shape. The slightly transparent effect adds more dimension.

The largest word in the design is “Event” and this is to emphasis to the viewer what the flyer is about (perhaps I could have also emphasised the words “Architecture Industry” for specificity). I placed additional information about the company including the website underneath the event title and the social icons underneath the company information. Both sets of additional information are the smallest in terms of scale indicating to the viewer the lower level of importance compared to the other elements.

Conclusion

I created graphic designs responding to the creative brief for an architecture firm. It took a while to get going but I really enjoyed the journey. I also like creating these posts about my designs because it allows me to go through my thought processes and analyse the works.

To see other designs, feel free to check out my portfolio.

Ciao for now!